<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .one {
            background-color: rgb(245, 245, 245);
            position: fixed;
            top: 0;
            width: 100%;
            height: 50px;
        }

        .x {
            background-color: palevioletred;
            margin: 10px;
        }

        .nav {
            width: 1400px;
            height: 90px;
            margin: 0 auto;
            user-select: none;
            border: 2px solid #848484;
        }

        .two {
            width: 1400px;
            height: 40px;
            margin: 0 auto;
            user-select: none;
            border: 2px solid white;
        }

        .header {
            position: relative;
            width: 1400px;
            height: 1550px;
            margin: 10px auto 0 auto;
            box-shadow: 0 0 5px black;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div class="one">
        <img src="./image/imge/OIP-C (1).jpg" width="100px;" height="40px" alt=""><span style="color: aqua;">直播</span>
        <img src="./image/imge/ico.ico" alt=""> 首页
        <span style="margin: 10px;">直播</span>
        <span style="margin: 10px;">网游</span>
        <span style="margin: 10px;">手游</span>
        <span style="margin: 10px;">单机游戏</span>
        <span style="margin: 10px;">虚拟主播</span>
        <span style="margin: 10px;">娱乐</span>
        <span style="margin: 10px;">电台</span>
        <span style="margin: 10px;">赛事</span>
        <span style="margin: 10px;">聊天室</span>
        <span style="margin: 10px;">生活</span>
        <span style="margin: 10px;">知识</span>
        <span style="margin: 10px;">更多</span>
        <input type="search" placeholder="摇滚是淑女的爱好b" style="height: 40px;">
        <span style="margin: 10px;">关注</span><span style="margin: 10px;">购买电池</span><span
            style="margin: 10px;">下载客户端</span>
        <span class="x">我要开播</span>
    </div>
    <div class="nav">
        <span>生活直播</span>
        <p style="color: aquamarine;">全部</p>
        <input type="search" placeholder="生活杂谈" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="情感杂谈" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="运动体育" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="户外" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="手工绘画" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="萌宠" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="美食" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="时尚" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="电子榨菜" style="width: 70px;" style="margin: 40px;">
        <input type="search" placeholder="沉浸体验" style="width: 70px;" style="margin: 40px;">

    </div>
    <div class="two">
        <span>推荐</span><span style="margin: 960px;">封面图</span><span style="margin: 20px;">关键帧</span>
    </div>
    <div class="header">
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">跟封面一样</span>
        <span style="margin: 100px;">160.80.02.单身</span>
        <span style="margin: 100px;">03上海</span>
        <span style="margin: 100px;">经常回来</span>
        <span style="margin: 80px;">画画哪有不疯的</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">李家观观</span>
        <span style="margin: 100px;">情感树洞</span>
        <span style="margin: 100px;">无不居</span>
        <span style="margin: 100px;">小凡来了</span>
        <span style="margin: 80px;">小韩不凡</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">耐看温柔型</span>
        <span style="margin: 100px;">NFL选秀大会</span>
        <span style="margin: 100px;">随缘蜡笔小新</span>
        <span style="margin: 100px;">终极系列</span>
        <span style="margin: 80px;">说把一切都</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">硕士毕业</span>
        <span style="margin: 100px;">梦回武林</span>
        <span style="margin: 100px;">吴江攀岩世界杯</span>
        <span style="margin: 100px;">第一次这样播</span>
        <span style="margin: 80px;">福建深情</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">爱情公寓3</span>
        <span style="margin: 100px;">名侦探柯南</span>
        <span style="margin: 100px;">普陀山开播</span>
        <span style="margin: 100px;">搞笑一家人</span>
        <span style="margin: 80px;">我们都变美</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">好恨喷子狗</span>
        <span style="margin: 100px;">1</span>
        <span style="margin: 100px;">钻研古法画</span>
        <span style="margin: 100px;">猜猜有没有</span>
        <span style="margin: 80px;">侦探事务所</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">韩国在中国</span>
        <span style="margin: 100px;">用户</span>
        <span style="margin: 100px;">只吹牛b</span>
        <span style="margin: 100px;">听歌</span>
        <span style="margin: 80px;">...</span>
        <img src="./image/imge/20210820064445540.jpg" width="268px" height="157px;">
        <img src="./image/imge/0663.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/5498.jpg_wh860.jpg" width="268px" height="157px;">
        <img src="./image/imge/jisoo.jpg" width="278px" height="157px;">
        <img src="./image/imge/20210929232126_cf565.jpg" width="288px" height="157px;">
        <span style="margin: 100px;">喜剧系列</span>
        <span style="margin: 100px;">抽一个当女婿</span>
        <span style="margin: 100px;">春季家装节</span>
        <span style="margin: 100px;">jk穿搭</span>
        <span style="margin: 80px;">烈隐啤酒</span>
    </div>
</body>

</html>